<!--
 * @Author: lemon 1534860242@qq.com
 * @Date: 2025-08-12 09:59:16
 * @LastEditors: lemon 1534860242@qq.com
 * @LastEditTime: 2025-08-12 14:38:02
 * @FilePath: /xby-edu/component/TheFooter.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <footer class="thm-bg-color-two section-padding section footer">
    <div class="container">
      <div class="row">
        <div class="col-lg-5">
          <img src="../assets/images/logo-2.png" alt="logo" class="image-fit-contain w-80" />
        </div>
        <div class="col-lg-2 col-md-4 col-sm-6">
          <div class="ft_widgets">
            <h6 class="ft_title">{{ t("footer.menu_title") }}</h6>
            <ul class="ft_menu">
              <li>
                <a>{{ t("nav.home") }}</a>
              </li>
              <li>
                <NuxtLink :to="localePath({ path: '/organization', hash: '#intro' })"> {{ t("nav.organization") }}</NuxtLink>
              </li>
              <li>
                <NuxtLink :to="localePath('/research')"> {{ t("nav.research") }}</NuxtLink>
              </li>
              <!-- <li>
                  <a href="achievements.html">成果转化</a>
                </li> -->
              <li class="menu-item">
                <NuxtLink :to="localePath('/contact')" class="menu-item" active-class="active"> {{ t("nav.contact") }}</NuxtLink>
              </li>
            </ul>
          </div>
        </div>

        <div class="col-lg-3 col-md-4">
          <div class="ft_widgets">
            <h6 class="ft_title">{{ t("footer.support_title") }}</h6>
            <p class="text-white mb-2">{{ t("footer.support_text") }}</p>
            <ul class="ft_contact ft_menu">
              <li>
                <a href="#">
                  <i class="fas fa-phone-volume"></i>
                  0034 678667226 ｜ 0034 605844248
                </a>
              </li>
              <li>
                <a href="#">
                  <i class="fas fa-envelope"></i>
                  info@aecti.com
                </a>
              </li>
              <li>
                <a href="#">
                  <i class="fas fa-map-marker-alt"></i>
                  Calle Diputació 246 BARCELONA
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </footer>
</template>
<script setup lang="ts">
const { t } = useI18n();
const localePath = useLocalePath();
</script>
